<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图片合集53</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .img_collection_fiftythree_content_list li {
         padding: 0 0 60px;
         display: flex;
      }

      .img_collection_fiftythree_img_box {
         width: 35%;
         margin: auto;
      }

      .img_collection_fiftythree_text {
         width: 50%;
         display: flex;
         justify-content: center;
         flex-direction: column;
      }

      .img_collection_fiftythree_text h3 {
         padding-bottom: 22px;
         color: var(--c_text);
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
      }

      .img_collection_fiftythree_text p {
         padding-bottom: 22px;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }
      
      .img_collection_fiftythree_text span {
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .img_collection_fiftythree_img {
         width: 100%;
         height: 403px;
      }

      .img_collection_fiftythree_img img {
         width: 100%;
         height: 100%;
         object-fit: contain;
      }

      @media (max-width:768px) {
         .img_collection_fiftythree_content_list li {
            padding: 0 0 30px;
         }

         .img_collection_fiftythree_img {
            height: 233px;
         }
      }
   </style>
</head>

<body>
   <div class="img_collection_fiftythree modular">
      <div class="public_width">
         <div class="img_collection_fiftythree_content">
            <ul class="img_collection_fiftythree_content_list row">
               <li class="col-md-6 col-12">
                  <div class="img_collection_fiftythree_img_box">
                     <div class="img_collection_fiftythree_img">
                        <img src="../images/img_collection_51.png.webp" alt="">
                     </div>
                  </div>


                  <div class="img_collection_fiftythree_text">
                     <h3>王老师</h3>
                     <p>资深Java讲师</p>
                     <span>资深Java讲师。得心应手如庖丁解。</span>
                  </div>
               </li>

               <li class="col-md-6 col-12">
                  <div class="img_collection_fiftythree_img_box">
                     <div class="img_collection_fiftythree_img">
                        <img src="../images/img_collection_51.png.webp" alt="">
                     </div>
                  </div>

                  <div class="img_collection_fiftythree_text">
                     <h3>吴老师</h3>
                     <p>资深系统架构师</p>
                     <span>精通应用开发技术
                        和大型互联网应用开发。</span>
                  </div>
               </li>

               <li class="col-md-6 col-12">
                  <div class="img_collection_fiftythree_img_box">
                     <div class="img_collection_fiftythree_img">
                        <img src="../images/img_collection_51.png.webp" alt="">
                     </div>
                  </div>

                  <div class="img_collection_fiftythree_text">
                     <h3>王老师</h3>
                     <p>资深Java讲师</p>
                     <span>资深Java讲师。得心应手如庖丁解。</span>
                  </div>
               </li>

               <li class="col-md-6 col-12">
                  <div class="img_collection_fiftythree_img_box">
                     <div class="img_collection_fiftythree_img">
                        <img src="../images/img_collection_51.png.webp" alt="">
                     </div>
                  </div>

                  <div class="img_collection_fiftythree_text">
                     <h3>吴老师</h3>
                     <p>资深系统架构师</p>
                     <span>精通应用开发技术 和大型互联网应用开发。</span>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
</body>

</html>